<script src="jquery-1.9.1.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){

    $('a').on('click',function(){
      //$(this).parent().addClass('red');
      //$(this).closest('ul').addClass('red');
      //$(this).prev().addClass('red');
      //$(this).parent().addClass('red');
      $(this).next().addClass('red');
    })

  });
</script>



<ul id="destinations">
  <li>Rome</li>
  <li >Rome</li>
  <li>
    <ul id="france">
      <li >Paris</li>
      <li >Delhi</li>
      <li >Islamabad
        <p>
          Hello user
          <a>Anchor 1</a>
          <a>Anchor 2</a>
        </p>

      </li>
      <li >Newyork</li>
    </ul>
  </li>
  <li class="promo">Rio</li>
  <li >Kanpur</li>
  <li >Lucknow</li>
  <li >Amritsar</li>
</ul>
<style type="text/css">
  .red{
    border:1px solid red;
    margin:10px;
  }
</style>
